{include file="common/head"/}
<style>
  .aui-bar-nav{background:white;}
  .aui-bar-nav .aui-btn .aui-iconfont{color:black;}
  body{background:#ffffff;}
  .aui-bar-nav .aui-title{color:black;}
  h1{font-weight:600;font-size:2rem;color:#17204d}
  .title{background:#EBEBEB; height:5rem;border-radius:10px;padding:10px;color:white;line-height:2rem;}
  .title p{font-size:0.8rem;}
  .title p:nth-child(1){color:#E34540}
  .title p:nth-child(1) span{font-size:1.2rem;font-weight:bold;}
 
  .t_content{background:#4871FC;border-radius:5px;height:4rem;padding:10px;box-sizing:border-box;}
  .team p{color:white;}
  h2{font-weight:bold;margin:10px 0;}

  .task div div{box-shadow: 0px 2px 12px #dedede;
    border-radius: 5px;
    margin: 6px;
    padding: 5px 10px;text-align:center;}
	
  .actived{color:red;}
</style>
<body>
   <header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn aui-btn-outlined" href='javascript:history.go(-1);'>
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title"></div>
    <a class="aui-pull-right aui-btn aui-btn-outlined"  href='index.html'>
        <span class="aui-iconfont aui-icon-home"></span>
    </a>
  </header>
<div class='aui-content aui-content-padded'>
  <h1>Task</h1>
 
  
 <div class='aui-row aui-row-padded task' style='margin-top:10px;'>
     <div class="aui-col-xs-12 ">
	    <div class="aui-row">
	     <p class="aui-col-xs-4">最新任务</p>
	     <p class="aui-col-xs-4 actived">定期任务</p>
	     <p class="aui-col-xs-4">定制任务</p>
		</div>
	 </div>
 </div>
 
<div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-media-list">
            <li class="aui-list-item">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media">
                        <img src="__HOME__/images/ico.jpg">
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-title">500元走遍中国</div>
                            <div class="aui-list-item-right" style='padding-top:10px;'>+0.1%</div>
                        </div>
                        <div class="aui-list-item-text">[推广]心途APP下载</div>
                        <div class="aui-list-item-text">[要求]达到是个下载并注册</div>
                        <div class="aui-list-item-text"><a href='' style='color:#3389e2'>定期</a></div>
                    </div>
                </div>
            </li>
			
			<li class="aui-list-item">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media">
                        <img src="__HOME__/images/ico.jpg">
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-title">500元走遍中国</div>
                            <div class="aui-list-item-right" style='padding-top:10px;'>+0.1%</div>
                        </div>
                        <div class="aui-list-item-text">[推广]心途APP下载</div>
                        <div class="aui-list-item-text">[要求]达到是个下载并注册</div>
                        <div class="aui-list-item-text"><a href='' style='color:#3389e2'>定期</a></div>
                    </div>
                </div>
            </li>
			
			<li class="aui-list-item">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media">
                        <img src="__HOME__/images/ico.jpg">
                    </div>
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-title">500元走遍中国</div>
                            <div class="aui-list-item-right" style='padding-top:10px;'>+0.1%</div>
                        </div>
                        <div class="aui-list-item-text">[推广]心途APP下载</div>
                        <div class="aui-list-item-text">[要求]达到是个下载并注册</div>
                        <div class="aui-list-item-text"><a href='' style='color:#3389e2'>定期</a></div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
 
 
</div>
{include file="common/footer"/}
<script type="text/javascript">
    var tab = new auiTab({
        element:document.getElementById("tab"),
        index:1,
        repeatClick:false
    },function(ret){
        console.log(ret);
    });
</script>
</body>
</html>